<template>
  <component
    :is="type"
    class="scroll-box"
    v-bind="$props"
  />
</template>

<script>
import sType1 from './types/s-type1.vue'
export default {
  name: 'HzxScroll',
  components: {
    sType1
  },
  props: {
    type: {
      type: String,
      default: () => 's-type1'
    },
    renderData: {
      type: Array,
      default: () => undefined
    },
    duration: {
      type: Number,
      default: () => undefined
    },
    lines: {
      type: Number,
      default: () => undefined
    },
    showIndex: {
      type: Boolean,
      default: () => undefined
    },
    bgColors: {
      type: Array,
      default: () => undefined
    },
    hoverColor: {
      type: String,
      default: () => undefined
    },
    fontColor: {
      type: String,
      default: () => undefined
    }
  }
}
</script>

<style scoped="scoped" lang="less">
.scroll-box{
    overflow: hidden;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
</style>
